<!DOCTYPE html>
<html lang="en">

<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>个人中心</title>
	<!-- 引入字体图标 -->
	<link rel="stylesheet" href="../font/iconfont.css">
	<link rel="shortcut icon" href="../images/favicon.ico">
	<link rel="stylesheet" href="../css/public.css">
	<link rel="stylesheet" href="../css/nav.css">
	<link rel="stylesheet" href="../css/peop.css">
	
	<style>
		* {
			margin: 0 auto;
		}
	</style>
	

</head>

<body>
	<!-- 固定侧边电梯栏 -->
	<ul class="page-slider">
		<li calss="APP">
			<a href="">
				<img src="../images/phoneAPP.png" class="imgf" alt="">
				<img src="../images/phoneAPP2.png" class="imgf imgs" alt="">
				<span>手机APP</span>
			</a>
		</li>
		<li>
			<a href="">
				<img src="../images/user1.png" class="imgf" alt="">
				<img src="../images/user2.png" class="imgf imgs" alt="">
				<span>个人中心</span>
			</a>
		</li>
		<li>
			<a href="">
				<img src="../images/server1.png" class="imgf" alt="">
				<img src="../images/server2.png" class="imgf imgs" alt="">
				<span>售后服务</span>
			</a>
		</li>
		<li>
			<a href="">
				<img src="../images/peop.png" class="imgf" alt="">
				<img src="../images/peop_hover.png" class="imgf imgs" alt="">
				<span>人工服务</span>
			</a>
		</li>
		<li>
			<a href="">
				<img src="../images/car1.png" class="imgf" alt="">
				<img src="../images/car2.png" class="imgf imgs" alt="">
				<span>购物车</span>
			</a>
		</li>
		<li class="f-top">
			<a href="#f-top">
				<img src="../images/totop.png" class="imgf" alt="">
				<img src="../images/totop_hover.png" class="imgf imgs" alt="">
				<span>回顶部</span>
			</a>
		</li>
	</ul>
	<!-- 顶部通栏 -->
	<div class="nav-top" id="f-top">
		<div class="w">
			<div class="nav-l">
				<ul>
					<li>
						<a href="gw.html"> 小米官网</a>
					</li>
					<li>
						<a href="shop.html"> <span class="item">|</span> 小米商城</a>
					</li>
					<li>
						<a href="#"> <span class="item">|</span> MIUI</a>
					</li>
					<li>
						<a href="#"> <span class="item">|</span> loT</a>
					</li>
					<li>
						<a href="#"> <span class="item">|</span> 云服务天星</a>
					</li>
					<li>
						<a href="#"> <span class="item">|</span> 数科</a>
					</li>
					<li>
						<a href="#"> <span class="item">|</span> 有品小爱开放平台</a>
					</li>
					<li>
						<a href="#"> <span class="item">|</span> 企业团购</a>
					</li>
					<li>
						<a href="#"> <span class="item">|</span> 资质证照</a>
					</li>
					<li>
						<a href="#"> <span class="item">|</span> 协议规则</a>
					</li>
					<li>
						<a href="#"> <span class="item">|</span> 下载app</a>
					</li>
					<li>
						<a href="#"> <span class="item">|</span> 智能生活</a>
					</li>
					<li>
						<a href="#"> <span class="item">|</span> Select Location</a>
					</li>
				</ul>
			</div>
			<div class="nav-r">
				<form action="">
					<ul>
						<li>
							<a href="./login.html"> 登录</a>
						</li>
						<li>
							<a href="./index-4.html"> <span class="item">|</span> 注册</a>
						</li>

						<li>
							<a href="#"> <span class="item">|</span> 消息通知</a>
						</li>
						<li>
							<a href="#">
								<div class="cart">
									<i class="iconfont">&#xf0179;</i> 购物车( 0 )
									<div class="cart-bt">
										<a href="#">
											购物车中还没有商品，赶紧选购吧！
										</a>
									</div>
								</div>
							</a>
						</li>
					</ul>
				</form>
			</div>
		</div>
	</div>


	<div class="big">
		<div class="content">
			<!-- 头部区域菜单 部分 -->
			<div class="menu w">
				<div class="logo">
					<a href="#">
						<img src="../images/mi-logo.png" alt="">
					</a>
				</div>
				<div class="menu-t">
					<ul>
						<li class="xm"><a href="./index-3.html">小米手机</a>
							<div class="menu-li-xm">
								<ul>
									<li>
										<a href="./index-3.html">
											<img src="../images/xmsj.webp" alt="">
											<p class="p-li-t">
												Xiaomi Civi 3
											</p>
											<p class="p-li-f">2399元</p>
										</a>
									</li>
									<li>
										<a href="./index-3.html">
											<img src="../images/xmsj.webp" alt="">
											<p class="p-li-t">
												Xiaomi Civi 3
											</p>
											<p class="p-li-f">2399元</p>
										</a>
									</li>
									<li>
										<a href="./index-3.html">
											<img src="../images/xmsj.webp" alt="">
											<p class="p-li-t">
												Xiaomi Civi 3
											</p>
											<p class="p-li-f">2399元</p>
										</a>
									</li>
									<li>
										<a href="./index-3.html">
											<img src="../images/xmsj.webp" alt="">
											<p class="p-li-t">
												Xiaomi Civi 3
											</p>
											<p class="p-li-f">2399元</p>
										</a>
									</li>
									<li>
										<a href="./index-3.html">
											<img src="../images/xmsj.webp" alt="">
											<p class="p-li-t">
												Xiaomi Civi 3
											</p>
											<p class="p-li-f">2399元</p>
										</a>
									</li>
								</ul>
							</div>
						</li>
						<li class="hm"><a href="./index-3.html">Redmi红米</a>
							<div class="menu-li-hm">
								<ul>
									<li>
										<a href="./index-3.html">
											<img src="../images/hmsj.webp" alt="">
											<p class="p-li-t">
												Redmi Note 12T Pro
											</p>
											<p class="p-li-f">1599起</p>
										</a>
									</li>
									<li>
										<a href="./index-3.html">
											<img src="../images/hmsj.webp" alt="">
											<p class="p-li-t">
												Redmi Note 12T Pro
											</p>
											<p class="p-li-f">1599起</p>
										</a>
									</li>
									<li>
										<a href="./index-3.html">
											<img src="../images/hmsj.webp" alt="">
											<p class="p-li-t">
												Redmi Note 12T Pro
											</p>
											<p class="p-li-f">1599起</p>
										</a>
									</li>
									<li>
										<a href="./index-3.html">
											<img src="../images/hmsj.webp" alt="">
											<p class="p-li-t">
												Redmi Note 12T Pro
											</p>
											<p class="p-li-f">1599起</p>
										</a>
									</li>
								</ul>

							</div>
						</li>
						<li><a href="#">电视笔记本</a></li>
						<li><a href="#">家电</a></li>
						<li><a href="#">路由器</a></li>
						<li><a href="#">智能硬件</a></li>
						<li><a href="./service.html">服务中心</a></li>
						<li><a href="#">社区</a></li>
						<li><a href="./ms.html" target="_blank">小米秒杀</a></li>
					</ul>
				</div>
				<div class="serch">
					<form action="">
						<input type="text" name="" id="serch" placeholder="小米手机  红米">
						<button class="btn">
							<i class="iconfont">&#xe628;</i>
						</button>
					</form>
				</div>
			</div>
		</div>
	</div>

	<div class="box">
		<div class="container">
			<div class="container-span">
				<span>首页&nbsp;&nbsp;/&nbsp;&nbsp;个人中心</span>
			</div>
		</div>
		<div class="min-box">
			<div class="left-box">
				<div class="left">
					<div class="letf-box1">
						<h3>订单中心</h3>
						<ul>
							<li>我的订单</li>
							<li>评价晒单</li>
							<li>话费充值订单</li>
							<li>以旧换新订单</li>

						</ul>
					</div>
					<div class="letf-box1">
						<h3>个人中心</h3>
						<ul>
							<li>我的个人中心</li>
							<li>消息通知</li>
							<li>购买资格</li>
							<li>现金账户</li>
							<li>小米礼品卡</li>
							<li>现金券</li>
							<li>喜欢的商品</li>
							<li>优惠券</li>
							<li>收获地址</li>
							<li>红包</li>
						</ul>
					</div>
					<div class="letf-box1">
						<h3>售后服务</h3>
						<ul>
							<li>服务记录</li>
							<li>申请服务</li>
							<li>领取快递报销</li>

						</ul>
					</div>
					<div class="letf-box1">
						<h3>账户管理</h3>
						<ul>
							<li>个人信息</li>
							<li>修改密码</li>
							<li>注销服务</li>


						</ul>
					</div>

				</div>
			</div>
			<div class="main-content">
				<div class="content-1">
					<div class="user">
						<div class="user-img">
							<img src="../images/user/user.png" alt="">
						</div>
						<div class="username">
							<h1>小白</h1><br>
							<p style="font-size: 16px;">欢迎你~</p>
							<a href="#" class="special-text">修改你的个人信息</a>
						</div>
					</div>
					<div class="user-action">
						<p style="font-size: 16px; padding: 5px;">账户安全：<span class="special-text">普通</span></p>
						<p style="font-size: 16px; padding: 5px;">绑定手机:173******12</p>
						<p style="font-size: 16px; padding: 5px;">绑定邮箱：未绑定</p>
					</div>
				</div>
				<div class="content-2">
					<div class="people-box">
						<div class="people">
							<img src="../images/user/people1.png" alt="">
							<div class="text">
								<p style="font-size: 16px;">待支付的订单：<span class="special-text">0</span></p>
								<p style="font-size: 16px;">查看待支付订单>></p>
							</div>
						</div>
						<div class="people">
							<img src="../images/user/people3.png" alt="">
							<div class="text">
								<p style="font-size: 16px;">待收货的订单：<span class="special-text">0</span></p>
								<p style="font-size: 16px;">查看待收货订单>></p>
							</div>
						</div>
					</div>
					<div class="people-box">
						<div class="people">
							<img src="../images/user/people2.png" alt="">
							<div class="text">
								<p style="font-size: 16px;">待评价商品数：<span class="special-text">0</span></p>
								<p style="font-size: 16px;">查看待评价商品>></p>
							</div>
						</div>
						<div class="people">
							<img src="../images/user/people4.png" alt="">
							<div class="text">
								<p style="font-size: 16px;">喜欢的商品：<span class="special-text">0</span></p>
								<p style="font-size: 16px;">查看喜欢的商品>></p>
							</div>
					</div>
					
					</div>
				</div>
			</div>
		</div>
	</div>
	
		<!--关于小米-->
	<!-- 页面底部 -->
	<div class="big-3">
		<div class="footer">
			<div class="footer-top">
				<ul class="footer-ul">

					<li><a href="#"><i class="iconfont">&#xe614;
							</i> 预约维修服务</a><span class="footer-fgx">|</span></li>
					<li><a href="#"><i class="iconfont">&#xe6cc;
							</i> 7无理由退货</a><span class="footer-fgx">|</span></li>
					<li><a href="#"><i class="iconfont">&#xe645;
							</i> 15天免费换货</a><span class="footer-fgx">|</span></li>
					<li><a href="#"><i class="iconfont">&#xf0081;
							</i> 满69元包邮</a><span class="footer-fgx">|</span></li>
					<li><a href="#"><i class="iconfont">&#xe609;
							</i> 1110余家售后网点</a></li>
				</ul>
			</div>
			<div class="footer-bod clearfix">
				<dl>
					<dt>
						<a href="#">
							帮助中心
						</a>
					</dt>
					<dd>
						<a href="#">
							账户管理
						</a>
					</dd>
					<dd>
						<a href="#">
							购物指南
						</a>
					</dd>
					<dd>
						<a href="#">
							订单操作
						</a>
					</dd>
				</dl>
				<dl>
					<dt>
						<a href="#">
							服务支持
						</a>
					</dt>
					<dd>
						<a href="#">
							售后政策
						</a>
					</dd>
					<dd>
						<a href="#">
							资助服务
						</a>
					</dd>
					<dd>
						<a href="#">
							相关下载
						</a>
					</dd>
				</dl>
				<dl>
					<dt>
						<a href="#">
							线下门店
						</a>
					</dt>
					<dd>
						<a href="#">
							小米之家
						</a>
					</dd>
					<dd>
						<a href="#">
							服务网点
						</a>
					</dd>
					<dd>
						<a href="#">
							授权体验店
						</a>
					</dd>
				</dl>
				<dl>
					<dt>
						<a href="#">
							关于小米
						</a>
					</dt>
					<dd>
						<a href="#">
							了解小米
						</a>
					</dd>
					<dd>
						<a href="#">
							加入小米
						</a>
					</dd>
					<dd>
						<a href="#">
							投资者联系
						</a>
					</dd>
				</dl>
				<dl>
					<dt>
						<a href="#">
							关注我们
						</a>
					</dt>
					<dd>
						<a href="#">
							新浪微博
						</a>
					</dd>
					<dd>
						<a href="#">
							官方微博
						</a>
					</dd>
					<dd>
						<a href="#">
							联系我们
						</a>
					</dd>
				</dl>
			</div>
		</div>
	</div>
	
	<div class="big-4">
		<img src="../images/big-4.png" alt="">
	</div>
	
	
	<script src="../js/shop.js"></script>
</body>

</html>